<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>正常盒子跟怪异盒子</title>
	<link rel="stylesheet" type="text/css" href="css1.css">
</head>
<body>

    <p>标准盒子模型---会被撑大</p>
	
	<div class="xiehe">
	
          <div class="xiezi">
          	
          </div>

	</div>

    <br/>
    <hr/>
    <p>怪异盒子模型---限定了大小</p>

    <div class="xiehe2">
    
          <div class="xiezi2">
            
          </div>

    </div>

    <hr/>
    <p>新版盒子居中</p>
    <div class="center">
        <img src="meitu.jpg" width="200" />
    </div>

</body>
</html>